<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>


    <script src="../js/ajax_v2.js"></script>
    <script>

        // promise 解决地狱回调
        //    在每一个promise的实例的方法中返回新的实例，通过链式调式调用解决





        // ajax({
        //     type: 'get',
        //     url: 'http://121.43.116.41/php/2.php',
        //     dataType: 'string'
        // })
        //     .then(res => {
        //         console.log(res);
        //         ajax({
        //             type: 'get',
        //             url: 'http://121.43.116.41/php/3.php',
        //             dataType: 'string'
        //         })
        //             .then(res => {
        //                 console.log(res);
        //             })
        //     })



        // promise  



        // function f1() {
        const p1 = ajax({
            type: 'get',
            url: 'http://121.43.116.41/php/2.php',
            dataType: 'string'
        })

        // return p1
        // }



        const p2 = ajax({
            type: 'get',
            url: 'http://121.43.116.41/php/3.php',
            dataType: 'string'
        })

        // return p2





        // f1()
        //     .then(res => {
        //         console.log(res);
        //         f2().then(res => {
        //             console.log(res);
        //         })
        //     })



        p1
            .then(res => {
                console.log(res);

                // 返回新的promise  
                return p2
            })
            .then(res => {
                console.log(res);
            })













    </script>

</body>

</html>